<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> -->
<!-- 本地js -->

</head>
<body>
    <!-- 准备一个容器使用vue -->
    <div id="app">
        你好，{{name}}

    </div>
    
</body>
</html>
<script src="js/vue.js"></script>
<!-- 写vue入门代码 -->
<script>
    //创建vue对象 需要传入一个对象作为Vue的配置参数
    new Vue({
        el:'#app', //指定vue给哪个标签提供服务 值是选择器
        data:{    //表示的是vue提供的数据存放的位置在容器中可以使用 目前是一个对象
            name:'刘德华',
            age:18,
        }
    });


</script>